<template>
  <router-view></router-view>
  <!-- <router-view v-slot="{ Component }">
  <transition name="page">
    <component :is="Component" />
  </transition>
  </router-view> -->
</template>

<script>
export default {
  name: "App"
};
</script>

<style>
html,
body,
#app {
  height: 100%;
  margin: 0;
}

.page-enter-active, .page-leave-active {
  transition: transform 0.5s ease-in-out;
}

.page-enter, .page-leave-active {
  transform: translateX(100%);
}
 
.page-leave-to {
  transform: translateX(-100%);
}
</style>
